@media screen and (max-width: 767px) {

    .recent-match-card {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 14px;
        gap: 18px;
    }

    /* ЛЕВАЯ ЧАСТЬ — ИГРА + ДАТА */
    .rm-game {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        width: 40px;
        flex-shrink: 0;
    }

    .rm-game img {
        width: 24px;
        height: 24px;
    }

    .rm-game span {
        font-size: 12px;
        opacity: 0.8;
        white-space: nowrap;
    }

    /* ЦЕНТР — ДВЕ КОМАНДЫ ВЕРТИКАЛЬНО (+ SCORE) */
    .rm-center {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;

        position: static !important;
        transform: none !important;
    }

    .rm-team {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .rm-team img {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .rm-team span {
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
    }

    /* SCORE — по центру между командами */
    .rm-score {
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
        opacity: 0.8;
    }

    /* ПРАВАЯ ЧАСТЬ (если нужна) */
    .rm-side {
        margin-left: auto;
        text-align: right;
        font-size: 12px;
        opacity: 0.9;
        white-space: nowrap;
        flex-shrink: 0;
    }
}